<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 刘勇科
  Date: 2020/8/22
  Time: 11:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="basePath.jsp"%>
<!DOCTYPE html>
<!-- saved from url=(0328)https://guahao.zjol.com.cn/reservation/ws-957102-14875$2020-08-25-_-2020-08-25-_-1?hosid=0571957102&scheduledate=2020-08-25&timerange=1&docid=90124&regfee=50&hosname=%E6%B5%99%E6%B1%9F%E5%A4%A7%E5%AD%A6%E5%8C%BB%E5%AD%A6%E9%99%A2%E9%99%84%E5%B1%9E%E7%AC%AC%E4%BA%8C%E5%8C%BB%E9%99%A2&depname=%E8%82%9D%E7%97%85%E4%B8%93%E7%A7%91 -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>博仁在线预约诊疗服务平台</title>
    <link rel="stylesheet" href="${basePath}selectOrderFile/bootstrap.min.css">
    <link rel="stylesheet" href="${basePath}selectOrderFile/glider.min.css">
    <link rel="stylesheet" href="${basePath}selectOrderFile/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="${basePath}selectOrderFile/jquery-confirm.min.css">
    <link rel="stylesheet" href="${basePath}selectOrderFile/font_1205629_qkvn3s9pbk.css">

    <!-- <link rel="stylesheet" href="/public/css/lib/material-icons.css">
    <link rel="stylesheet" href="/public/css/lib/bootstrap-material-design.min.css" > -->

    <link rel="stylesheet" href="${basePath}selectOrderFile/global.css">


    <link rel="stylesheet" href="${basePath}selectOrderFile/reservation.css">

</head>

<body>

<div class="topbar">
    <div class="topbar-container row">
        <div class="col-6 topbar-user-info">

            <span>用户：</span>
            <a >${msg.phone}</a>

            <a href="https://guahao.zjol.com.cn/user_list">[就诊人:${msg.name}]</a>
            <a href="${basePath}/test/front_index">[退出登录]</a>

        </div>
        <!-- <div class="col-6" style="text-align: right">
          <a href="">下载APP</a>
          <a href="">关注微信</a>
          <span>客服电话: 96068转3</span>
        </div> -->
    </div>
</div>
<!-- 顶部搜索栏 -->


<div class="main-container" style="padding-bottom: 40px;">
    <div class="doc-container">
        <div class="doc-container-title">预约信息确认</div>
        <div class="doc-container-head clearfix">
            <div style="width: 25%">医生信息</div>
            <div style="width: 25%">医院科室信息</div>
            <div style="width: 25%">就诊时间</div>
            <div style="width: 25%">费用</div>
        </div>
        <div class="doc-container-body clearfix">
            <div>
                <div>${doctor.dname}</div>
                <div>副主任医师</div>
            </div>
            <div>
                <div>博仁医院</div>
                <div>${department.deptName}</div>
            </div>
            <div>
                <C:if test="${docSchedule.time1==0&&docSchedule.time2==0&&docSchedule.time3==0&&docSchedule.time4==0}">

                    <div>${docSchedule.daytime}  下午  </div>
                </C:if>

                <C:if test="${docSchedule.time5==0&&docSchedule.time6==0&&docSchedule.time7==0&&docSchedule.time8==0}">

                    <div>${docSchedule.daytime}  上午  </div>
                </C:if>



            </div>
            <div>
                ${doctor.price}
            </div>
        </div>
    </div>

    <div class="notif-conatiner">
        <i class="iconfont icon-soundsize"></i>
        <span>挂号费用由医院自行设定，平台不收取任何额外费用，具体费用以医院现场为准</span>
    </div>

    <div class="paitent-box">
        <div class="patient-title">常用就诊人</div>
        <div class="clearfix patient-container">

        </div>
    </div>

    <div class="number-box">
        <div class="number-title">
            <span>时段选择</span>
            <span class="float-right">
      请选择就诊序号，注意对应的取号时间
    </span>
        </div>
        <div class="number-container clearfix">

            <C:if test="${docSchedule.time1==0&&docSchedule.time2==0&&docSchedule.time3==0&&docSchedule.time4==0}">

                <C:forEach begin="1" end="${docSchedule.time5}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time5" style="display: none">
                        <span>14:00-15:00</span>
                    </div>

                </C:forEach>

                <C:forEach begin="1" end="${docSchedule.time6}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time6" style="display: none">
                        <span>15:00-16:00</span>
                    </div>

                </C:forEach>


                <C:forEach begin="1" end="${docSchedule.time7}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time7" style="display: none">
                        <span>16:00-17:00</span>
                    </div>

                </C:forEach>

                <C:forEach begin="1" end="${docSchedule.time8}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time8" style="display: none">
                        <span>17:00-18:00</span>
                    </div>

                </C:forEach>


            </C:if>

            <C:if test="${docSchedule.time5==0&&docSchedule.time6==0&&docSchedule.time7==0&&docSchedule.time8==0}">

                <C:forEach begin="1" end="${docSchedule.time1}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time1" style="display: none">
                        <span>8:00-9:00</span>
                    </div>

                </C:forEach>

                <C:forEach begin="1" end="${docSchedule.time2}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time2" style="display: none">
                        <span>9:00-10:00</span>
                    </div>

                </C:forEach>


                <C:forEach begin="1" end="${docSchedule.time3}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time3" style="display: none">
                        <span>10:00-11:00</span>
                    </div>

                </C:forEach>

                <C:forEach begin="1" end="${docSchedule.time4}">
                    <div class="float-left number-item" data-id="2020-08-25_14875_1_4_2020-08-25_4">
                        <input value="time5" style="display: none">
                        <span>11:00-12:00</span>
                    </div>

                </C:forEach>

            </C:if>


        </div>
    </div>

    <div>
        <button class="btn btn-success" id="save">确认预约</button>
    </div>


    <div class="modal fade" id="submitModal" tabindex="-1" role="dialog" aria-labelledby="submitModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="submitModalLabel">挂号信息确认</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">

                    <div class="form-group row">
                        <label for="base-user-name" class="col-sm-4 col-form-label">患者姓名：</label>
                        <div class="col-sm-8">
                            <div>
                                <input type="text" readonly="" class="form-control-plaintext"  value="${patient.name}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="base-user-name" class="col-sm-4 col-form-label">就诊医院：</label>
                        <div class="col-sm-8">
                            <div>
                                <input type="text" readonly="" class="form-control-plaintext"  value="博仁医院">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="base-user-name" class="col-sm-4 col-form-label">就诊科室：</label>
                        <div class="col-sm-8">
                            <div>
                                <input type="text" readonly="" class="form-control-plaintext"  value="${department.deptName}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="base-user-name" class="col-sm-4 col-form-label">就诊时间：</label>
                        <div class="col-sm-8">
                            <div>
                                <input type="text" readonly="" class="form-control-plaintext" id="number" value="${docSchedule.daytime}">
                            </div>
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <a type="button" class="btn btn-success" style="width: 120px;"  onclick="handleSubmit(${doctor.id},'${docSchedule.daytime}',${doctor.deptid})">提交</a>
                </div>
            </div>
        </div>
    </div>
    <script>
        var reservationTime = '2020-08-25  下周二  上午';
        var scheduleid = 'ws-957102-14875$2020-08-25-_-2020-08-25-_-1';
        var hosid = '0571957102';
        var docid = '90124';
    </script>
</div>
<div class="bottom-container ">
    <div class="bottom-content clearfix">
        <div class="bottom-logo  float-left"></div>
        <div class="bottom-list float-left">
            <ul>
                <li>新闻</li>
                <li><a href="http://health.zjol.com.cn/ycxw/" target="_blank">原创新闻</a></li>
                <li><a href="http://health.zjol.com.cn/expose/" target="_blank">曝光台</a></li>
                <li><a href="http://health.zjol.com.cn/healthnews/" target="_blank">即时报</a></li>
                <li><a href="http://health.zjol.com.cn/zhuanti/hot/" target="_blank">专题报告</a></li>
            </ul>
            <ul>
                <li>母婴</li>
                <li><a href="http://health.zjol.com.cn/lbqdym/" target="_blank">了不起的孕妈</a></li>
                <li><a href="http://health.zjol.com.cn/hyzdz/" target="_blank">好运中队长</a></li>
                <li><a href="http://health.zjol.com.cn/mbjkk/" target="_blank">萌宝健康课</a></li>
            </ul>
            <ul>
                <li>专栏</li>
                <li><a href="http://health.zjol.com.cn/system/2016/07/04/021213005.shtml" target="_blank">仁心仁术</a></li>
                <li><a href="http://health.zjol.com.cn/niuniub/" target="_blank">牛牛掰</a></li>
                <li><a href="http://health.zjol.com.cn/system/2013/08/16/019539813.shtml" target="_blank">辟谣机</a></li>
            </ul>
        </div>
        <div class="bottom-info float-right clearfix">
            <div class="bottom-info-text float-left">
                <p>电话：0571-85312211</p>
                <p>扫码关注</p>
                <p>在线健康网</p>
            </div>
            <div class="bottom-info-qrcode float-left">
                <img src="${basePath}selectOrderFile//qrcode.png" alt="">
            </div>
        </div>
    </div>
    <!-- <div>
      2018浙江在线
    </div> -->
</div>


<!-- <script src="/public/js/lib/jquery.min.js"></script> -->
<script src="${basePath}selectOrderFile/jquery.js"></script>
<script src="${basePath}selectOrderFile/js.cookie.min.js"></script>
<script src="${basePath}selectOrderFile/popper.min.js"></script>
<script src="${basePath}selectOrderFile/bootstrap.min.js"></script>
<!-- <script src="/public/js/lib/glider.min.js"></script> -->
<script src="${basePath}selectOrderFile/glider.js"></script>
<script src="${basePath}selectOrderFile/bootstrap-datepicker.min.js"></script>
<script src="${basePath}selectOrderFile/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="${basePath}selectOrderFile/jquery-confirm.min.js"></script>
<script src="${basePath}selectOrderFile/md5.js"></script>
<script src="${basePath}selectOrderFile/crypto.js"></script>
<!-- <script src="/public/js/lib/bootstrap-material-design.js" ></script> -->
<!-- <script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script> -->

<script src="${basePath}selectOrderFile/lodash.js"></script>
<%--<script src="${basePath}selectOrderFile/global.js"></script>--%>

<script src="${basePath}selectOrderFile/reservation.js"></script>


</body></html>